ul li {
    list-style: none;
}

html {
    min-width: 1450px;
}

@font-face {
    font-family: 'myFont';
    src: url('../font/PingFang Medium.ttf') format('truetype');
    /* font-weight: 600;
    font-style: normal; */
}

.el-input__inner {
    font-family: 'myFont';
}

button {
    border: 0;
    outline: none;
    border-radius: 3px;
    color: #fff;
}

a {
    text-decoration: none;
    color: #2C2C2C;
}

p {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

body {
    color: #2C2C2C;
    font-family: 'myFont';
    margin: 0;
    padding: 0;
}

.el-menu--horizontal {
    width: 100%;
    left: 0 !important;
}

.el-menu.el-menu--horizontal {
    width: fit-content;
    border-bottom: 0;
    margin-left: -10%;
}

.el-menu--horizontal>.el-menu-item,
.el-submenu__title {
    font-size: 17px;
    color: #2C2C2C !important;
}

.el-menu--horizontal>.el-submenu .el-submenu__title,
.el-menu--horizontal>.el-menu-item {
    line-height: 80px;
    padding: 0 33px;
}

.el-menu--popup-bottom-start {
    margin-top: 12px;
}

.el-submenu__title i {
    color: #2C2C2C;
    font-weight: bold;
}

.el-carousel__container {
    height: 550px;
}

header {
    background-color: #fff;
    height: 70px;
    line-height: 69px;
    /* border-bottom: 1px solid #d1d1d1; */
    padding: 0 85px;
    font-size: 17px;
    box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.1)
}

header .el-dropdown img {
    border-radius: 50%;
}

header .user_box {
    cursor: pointer;
}

header>div.heart {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

/* #region ------------------ logo start ----------------- */
header>div .logo {
    display: flex;
    font-size: 17px;
    color: #000000;
    cursor: pointer;
}

header>div .logo h1 {
    width: 100%;
    height: 100%;
    background: url("../images/logo.png") no-repeat center;
    background-size: 100% 100%;
}

/* #endregion ------------------ logo end ----------------- */

/* #region ------------------ nav start ----------------- */
header>div .nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 500;
    font-size: 20px;
    margin: 0;

}

header>div .nav ul li {
    padding: 10px 20px;
    cursor: pointer;
}

header>div .nav ul li.active {
    border-bottom: 3px solid #014f97;
}

/* #endregion ------------------ nav end ----------------- */

/* #region ------------------ userInfo start ----------------- */
header>div .userInfo {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 30%;
}

header>div .userInfo .m_pic>.newInfo {
    width: 22px;
    height: 24px;
    cursor: pointer;
    background: url("../images/newInfo.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
    top: 14px;
    left: 13px
}

.chanpin {
    display: flex;
    margin-top: 40px;
    margin-left: 25%;
}

.chanpin .unav li {
    width: 118px;
    height: 35px;
    border-radius: 8px 8px 8px 8px;
    font-weight: 600;
    font-size: 13px;
    color: #333333;
    text-align: center;
    line-height: 35px;
    margin-bottom: 20px;
    cursor: pointer;
}

.chanpin .activenavli {
    background: rgba(141, 207, 255, 0.35) !important;
}

.chanpin .ltitle {
    font-size: 20px;
    color: #0094FF;
    margin-bottom: 33px;
}

.chanpin .ltitle img {
    width: 21px;
    vertical-align: middle;
}

.chanpin .lcontent {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 351px;
}

.chanpin .lcontent ul li:first-child {
    font-size: 17px;
}

.chanpin .lcontent ul li {
    font-size: 12px;
    margin-bottom: 13px;
    cursor: pointer;
}

.chanpin .lcontent ul {
    margin-right: 83px;
    margin-bottom: 24px;
}

footer {
    height: 44px;
    background: #0094FF;
    text-align: center;
    line-height: 44px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
}

.el-icon-user {
    background: url('../image/login/user.png') center center no-repeat;
    background-size: 17px 17px;
}




.el-icon-layout {
    background: url('../image/index/layout.png') center center no-repeat;
    background-size: 17px 17px;
    width: 17px;
    height: 17px;
    vertical-align: sub;
}